import React from 'react'
interface  IProps {
  toRegister: ()=>void
}
const Login = (props:IProps) => {
  const {toRegister} = props
  return <>
    <div className='grid grid-cols-7 gap-1  mb-3 rounded-md' >
      <input placeholder='+8336' className='font-semibold col-span-2 rounded-md text-[12px] bg-[#f4f6f7] p-2 tline-offset-1 outline-white/10' />
      <input placeholder='请输入手机号' className='font-semibold col-span-5 rounded-md text-[12px] bg-[#f4f6f7] p-2 tline-offset-1 outline-white/10' />
    </div>

    <div className=' w-full mb-3 rounded-md' >
      <input placeholder='请输入密码' className='font-semibold  w-full rounded-md text-[12px] bg-[#f4f6f7] p-2 tline-offset-1 outline-white/10' />
    </div>


    <div className='grid grid-cols-6 gap-4'>
      <div className='col-span-3  bg-white  cursor-pointer  text-black rounded-md p-[10px] border-[#eee] border text-[12px] text-center' onClick={()=> toRegister()} >注册</div>
      <div className=' cursor-pointer col-span-3 bg-[#24252c] text-white rounded-md p-[10px]  text-[12px]  border text-center'>登录</div>
    </div>

  </>
}

export default Login